<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./CSS/header.css">
</head>

<body>
  <!-- 顶部开始 -->
  <div class="title">
    <div class="title_content">
      <ul>
        <li><a href="">登录/注册</a></li>
        <li><a href="">我的订单</a></li>
        <li><a href="">会员</a></li>
        <li><a href="">甄选家</a></li>
        <li><a href="">企业采购</a></li>
        <li><a href="">客户服务</a></li>
        <li><a href="">APP</a></li>
      </ul>
    </div>
  </div>
  <!-- 顶部结束 -->

  <!-- 全局快捷查找 ctrl+f -->
  <!-- logo和列表搜索框开始 -->
  <div class="container">
    <div class="container_parent">
      <!-- logo开始 -->
      <div class="top">
        <div class="logo"></div>
        <div class="search">
          <div class="left">
            <input type="text">
          </div>
          <div class="right">
            搜索
          </div>
        </div>
        <div class="buy">
          <div></div>
          <div>购物车</div>
          <div></div>
        </div>
      </div>
      <!-- logo开始 -->


      <!-- 列表开始 -->
      <div class="bottom">
        <ul>
          <li>
            <a href="">首页</a>
            <div>
              <!-- 其它列表标签 -->
              <dl>
                <dd>
                  <a href="">我的</a>
                  <div>1</div>
                  <div>2</div>
                  <div>3</div>
                  <div>4</div>
                  <div>5</div>
                </dd>
                <dd>帮助</dd>
                <dd>其它</dd>
                <dd>其它</dd>
                <dd>其它</dd>
                <dd>其它</dd>
                <dd>其它</dd>
                <dd>其它</dd>
              </dl>

            </div>
          </li>
          <li>居家生活</li>
          <li>宠物生活</li>
          <li>服饰鞋包</li>
          <li>美食酒水</li>
          <li>个护清洁</li>
          <li>母婴亲子</li>
          <li>运动旅行</li>
          <li>数码家电</li>
          <li>严选全球</li>
          <li>为你严选</li>
          <li>众筹</li>
        </ul>
      </div>
    </div>

  </div>
  <!-- logo和列表搜索框结束 -->

  <!-- 轮播图开始 -->
  <div class="swipe">
    <div class="swipe_img">
      <img src="./image/bg1.webp" alt="">
    </div>
  </div>
  <!-- 轮播图结束 -->

  <!-- 侧边栏的开始 -->
  <aside class="left"></aside>
  <aside class="right"></aside>
  <!-- 侧边栏的结束 -->


  <!-- 新品首发开始 -->
  <div class="cube">
    <div class="cube_parent">
      <div class="top">
        <div>
          <span class="new">新品首发</span>
          <span>为世间寻觅好物</span>

        </div>
        <div>更多好物&gt;</div>
      </div>
      <div class="bottom">
        <div>
          <div class="photo"></div>
          <div class="text">
            <div>[清仓甩卖]</div>
            <div>明天还甩卖</div>
            <div><span>￥29.9元</span><strike>￥199元</strike></div>
          </div>
        </div>
        <div>
          <div class="photo"></div>
          <div class="text"></div>
        </div>
        <div>
          <div class="photo"></div>
          <div class="text"></div>

        </div>
        <div>
          <div class="photo"></div>
          <div class="text"></div>

        </div>
      </div>
    </div>
  </div>
  <!-- 新品首发结束 -->
  <!-- 占位div -->
  <div style="height:3000px"></div>


</body>

</html>